﻿@media screen, projection {

  /*HTML Element Style Definitions*/
  /****************************************************************************************************************/
  * { margin: 0; }

  /* HTML & BODY tags are set to 100% height to have sticky footer */
  html, body { 
    height: 100%; 
    overflow:auto; /* IE 7 Scrollbar fix */
  }

  body {
	  background: #fff url('images/body.jpg') repeat-y center top;
	  font: 12px/18px 'Segoe UI',Tahoma,Arial,Helvetica,sans-serif;
	  color: #333;
  }

  input, a, a:hover, a:active, a:visited { 
    outline: none; 
  }

  a, a:active, a:visited {
	  color: #2591ec;
	  text-decoration: none;
  }

  a:hover {
	  text-decoration: underline;
  }

  h1,h2, h3, h4, h5, h6 { 
    line-height: 1.2em; 
    font-family: Arial, Helvetica, Sans-Serif; 
    color: #755D87; 
    font-weight: normal; 
  }

  h1 { 
	  font-size: 1.8333em; 
  }
  
  h2 { 
	  font-size: 1.6667em; 
  }
  
  h3 { 
	  font-size: 1.5em; 
  }
  
  h4 { 
	  font-size: 1.33em; 
  }
  
  h5 { 
	  font-size: 1.25em; 
  }

  h6 { 
	  font-size: 1.1667em; 
  }

  /****************************************************************************************************************/

  #browser-print-msg { 
    display: none; 
  }

  #site-wrap {
	  width: 960px;
	  margin: 0 auto;
	  min-height: 100%;
	  height: auto !important;
	  height: 100%;
	  margin: 0 auto -46px; /*NOTE: -46px = height of the footer. If footer height changes, this margin should also change.*/
  }

  /* site header styles */
  #header {
    background: #fff;
	  line-height: 30px;
	  overflow: hidden;
  }

  #header #company {
		  float: left;
		  font-size: 18px;
		  color: #757575;
		  font-family: Arial, Helvetica, Sans-Serif;
  }

  #header #user-bar {
	  float: right;
  }
  
  /* site navigation styles */
  #nav {
	  background: url(images/nav.jpg); 
	  font-size: 1.1667em;
	  overflow: hidden;
	  height: 35px;
  } 

  #nav a, #nav a:visited, #nav a:active {
	  color: #fff;
	  padding: 0 15px;	
	  height: 35px;
	  line-height: 33px;
	  float: left;
  }
    
  #nav a.selected, #nav a:hover.selected {
	  color: #ccc; 
  }

  #nav a:hover {
	  color: #EEEE00; 
	  text-decoration: none;
  }

  /* right aligned nav item for minimized view */ 
  #nav #miniview-nav  {
	  background: url(images/nav-r.jpg);
	  float: right;
  }

  #nav #miniview-nav a span {
	  background: url(images/ddl-w.png) no-repeat center center;
	  display: inline-block;
	  margin-left: 3px;
	  width: 12px;
  }

  #nav #miniview-nav a:hover span {
	  background: url(images/ddl-y.png) no-repeat center center;
  }
    
  /* popup menu for right aligned minimized view nav item */ 
  #miniview-menu {
	  position: absolute;
	  display: none;
	  background: #333 url(images/nav-r-popup.jpg) no-repeat left top;
  }

  #miniview-menu ul li { 
	  padding: 7px 15px; 
	  cursor: pointer; 
	  color: #fff;
  }

  #miniview-menu ul li:hover { 
	  background: #333; 
	  color: #eeee00; 
  } 
  
  #stage {
	  overflow: hidden;
  }  
  
  #max-view, #min-view { 
	  min-height: 100%; 
	  height: auto !important; 
	  height: 100%; 
	  overflow: visible;    
  } 

  /* maximized view styles  - left column in stage area */
  #max-view { 
	  width: 705px; 
	  float: left; 
	  padding: 5px 5px 0 0;
  }
  
  #max-header { 
    height: 25px; 
    overflow: hidden;
  }
  
  #max-header #caption {
    float: left;
  }
  
  #max-header a { 
    background: url(images/icons.png) no-repeat; 
    margin: 3px 0 0 7px; 
    display: inline-block; 
    height: 16px; 
    width: 16px; 
  }
  
  #max-header a:hover {
    text-decoration:none; 
  }
  
  #max-header a#help { 
    background-position: -12px -11px;
  }
  
  #max-header a#print { 
    background-position: -37px -11px; 
  }
  
  #max-header a#download { 
    background-position: -60px -11px; 
  }
  
  #max-header #help:hover { 
    background-position: -12px -36px;  
  }
  
  #max-header #print:hover { 
    background-position: -37px -36px; 
  }
  
  #max-header #download:hover { 
    background-position: -60px -36px; 
  }

  /* minimized view styles - right col in stage area */
  #min-view {
	  width: 247px;
	  float: right;
  }
  
  #min-header {
    background: #eee; 
    padding: 2px 5px; 
    width: 237px; 
    overflow: hidden;
  }
  
  #min-header h3 {
    float: left;
  }

  #min-header a { 
    float: right;
  }
  
  #min-body {
    padding:5px;
  }

  /* site footer styles */
  #footer-push /* required for sticky footer implementation */ { 
    height: 46px; /* must be same height as the footer */
  }

  #footer {
	  background: #333; 
	  color: #fff; 
	  padding: 0 10px; 
	  overflow: hidden; 
	  height: 46px; /* safari/chrome fix */
  }

  #footer a  {
	  color: #eeee00; 
  }

  #footer #pl { 
	  float: left; 
  }

  #footer #cnl { 
	  float: right; 
	  text-align: right; 
	  padding: 4px 0; 
  }
}